@charset "utf-8";
html { _background-attachment: fixed; _background-image: url(about:blank); overflow-y: scroll; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { font: 12px/1.5 Arial, "microsoft yahei", SimSun, sans-serif; _font-family: SimSun; background: #fff; color: #666; word-wrap: break-word; word-break: break-all; }
html, body, p, dl, dt, dd, table, td, th, input, img, form, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, select, fieldset, input, button, sub, sup, textarea { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
iframe { border: 0 none; }
img { border: 0; vertical-align: middle; }
em, i { font-style: normal; }
ul, li, ol { list-style: none outside none; }
fieldset { border: none; margin: 0; padding: 0; }
legend { border: 0; padding: 0; }
input, textarea, select { font-family: inherit; outline: none; }
textarea, select { background-color: #fff; }
s { text-decoration: none; }
u { text-decoration: none; }
 @-webkit-keyframes fadeInLeft { 0% {
opacity: 0;
-webkit-transform: translate3d(-120px, 0, 0);
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes fadeInLeft { 0% {
opacity: 0;
-moz-transform: translate3d(-120px, 0, 0);
}
 100% {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@-ms-keyframes fadeInLeft { 0% {
opacity: 0;
-ms-transform: translate3d(-120px, 0, 0);
}
 100% {
opacity: 1;
-ms-transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft { 0% {
opacity: 0;
transform: translate3d(-120px, 0, 0);
}
 100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInDown { 0% {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes fadeInDown { 0% {
opacity: 0;
-moz-transform: translate3d(0, -200px, 0);
}
 100% {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@-ms-keyframes fadeInDown { 0% {
opacity: 0;
-ms-transform: translate3d(0, -200px, 0);
}
 100% {
opacity: 1;
-ms-transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown { 0% {
opacity: 0;
transform: translate3d(0, -200px, 0);
}
 100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes fadeInUp { 0% {
opacity: 0;
-moz-transform: translate3d(0, 200px, 0);
}
 100% {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@-ms-keyframes fadeInUp { 0% {
opacity: 0;
-ms-transform: translate3d(0, 200px, 0);
}
 100% {
opacity: 1;
-ms-transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp { 0% {
opacity: 0;
transform: translate3d(0, 200px, 0);
}
 100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInRight { 0% {
opacity: 0;
-webkit-transform: translate3d(120px, 0, 0);
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes fadeInRight { 0% {
opacity: 0;
-moz-transform: translate3d(120px, 0, 0);
}
 100% {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@-ms-keyframes fadeInRight { 0% {
opacity: 0;
-ms-transform: translate3d(120px, 0, 0);
}
 100% {
opacity: 1;
-ms-transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight { 0% {
opacity: 0;
transform: translate3d(120px, 0, 0);
}
 100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes pulse { 0% {
-webkit-transform: scale(1);
}
 50% {
-webkit-transform: scale(1.1);
}
 100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulse { 0% {
-moz-transform: scale(1);
}
 50% {
-moz-transform: scale(1.1);
}
 100% {
-moz-transform: scale(1);
}
}
@-ms-keyframes pulse { 0% {
-ms-transform: scale(1);
}
 50% {
-ms-transform: scale(1.1);
}
 100% {
-ms-transform: scale(1);
}
}
@keyframes pulse { 0% {
transform: scale(1);
}
 50% {
transform: scale(1.1);
}
 100% {
transform: scale(1);
}
}
@-webkit-keyframes bounceIn { 0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
 50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
 70% {
-webkit-transform: scale(0.9);
}
 100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn { 0% {
opacity: 0;
-moz-transform: scale(0.3);
}
 50% {
opacity: 1;
-moz-transform: scale(1.05);
}
 70% {
-moz-transform: scale(0.9);
}
 100% {
-moz-transform: scale(1);
}
}
@-ms-keyframes bounceIn { 0% {
opacity: 0;
-ms-transform: scale(0.3);
}
 50% {
opacity: 1;
-ms-transform: scale(1.05);
}
 70% {
-ms-transform: scale(0.9);
}
 100% {
-ms-transform: scale(1);
}
}
@keyframes bounceIn { 0% {
opacity: 0;
transform: scale(0.3);
}
 50% {
opacity: 1;
transform: scale(1.05);
}
 70% {
transform: scale(0.9);
}
 100% {
transform: scale(1);
}
}
.active.section1 .box1_l{ -webkit-animation: fadeInLeft 1s .2s ease both; -moz-animation: fadeInLeft 1s .2s ease both; -ms-animation: fadeInLeft 1s .2s ease both; animation: fadeInLeft 1s .2s ease both; }
.active.section1 .box1_r .p1{ -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both; -ms-animation: fadeInDown 1s .2s ease both; animation: fadeInDown 1s .2s ease both; }
.active.section1 .box1_r ul{ -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; -ms-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both; }


.active.section2 .box2_1{ -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both; -ms-animation: fadeInDown 1s .2s ease both; animation: fadeInDown 1s .2s ease both; }
.active.section2 .box2_2{ -webkit-animation: fadeInLeft 1s .2s ease both; -moz-animation: fadeInLeft 1s .2s ease both; -ms-animation: fadeInLeft 1s .2s ease both; animation: fadeInLeft 1s .2s ease both; }
.active.section2 .box2_3{ -webkit-animation: fadeInRight 1s .2s ease both; -moz-animation: fadeInRight 1s .2s ease both; -ms-animation: fadeInRight 1s .2s ease both; animation: fadeInRight 1s .2s ease both; }
.active.section2 .box2_4{ -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; -ms-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both; }

/*
.active.section3 .box3_1{ -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both; -ms-animation: fadeInDown 1s .2s ease both; animation: fadeInDown 1s .2s ease both; }
.active.section3 .box3_2{ -webkit-animation: fadeInLeft 1s .2s ease both; -moz-animation: fadeInLeft 1s .2s ease both; -ms-animation: fadeInLeft 1s .2s ease both; animation: fadeInLeft 1s .2s ease both; }
.active.section3 .box3_3{ -webkit-animation: fadeInRight 1s .2s ease both; -moz-animation: fadeInRight 1s .2s ease both; -ms-animation: fadeInRight 1s .2s ease both; animation: fadeInRight 1s .2s ease both; }
.active.section3 .box3_4{ -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; -ms-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both; }
*/

.top { background:#fff; overflow:hidden; position:relative; z-index:55;}
.top .logo { float: left; margin: 6px 0;}
.top .top-r { float: right; }
.top .top-r img{ float:left;}
.top .top-r .top_tel{ float:left; color:#898989; font-size:14px; text-align:center;margin-right:5px; line-height:24px;}
.top .top-r .top_tel span{ display:block; overflow:hidden;font-size:22px; color:#cc0001; font-weight:bold;}

.section { position: relative; overflow: hidden; height: 100%; width: 100%; }
.section .main { width: 1000px; margin: 0 auto; position: relative; height: 100%; color: #fff; }



.section1 { background:url(../images/bj1_2.png) center top no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;}
.box1_l{ position:absolute; left:50%; top:50%; margin:-290px 0 0 -580px; text-align:center;}
.box1_l img{ width:70%; height:auto;}
.box1_l a{ display:block;width:346px;height:43px; overflow:hidden; background:#0070de url(../images/website_bg.png) top center no-repeat; line-height:44px;-moz-border-radius:29px;-webkit-border-radius:29px;border-radius:29px;border:7px solid #243773; color:#fff; font-size:20px;font-weight: bold; text-indent:2rem; letter-spacing:0.1rem;  margin-top:0px; text-decoration:none;text-shadow:#333 0 1px 0;}
.box1_l a span{ font-size:28px;font-weight: bold; color:#fff; padding-left:5px;}
.box1_r{ position:absolute; right:60%; top:50%; margin:-290px -630px 0 0;}
.box1_r .p1 img{ width:90%; height:auto;}
.box1_r ul{ overflow:hidden; padding:25px 0 0 60px;}
.box1_r ul li{ float:left; margin:0 15px; overflow:hidden; text-align:center; color:#fff; font-size:13px; letter-spacing: 0.1rem;}
.box1_r ul li .ewm{ width:168px; height:172px; display:block; margin:5px auto; overflow:hidden;}
.box1_r ul li .ewm img{ width:167px; height:165px; margin:7px 0 0 -1px; overflow:hidden; position:relative;}
.box1_r ul li .m{ margin:15px 0 0 0; display:block;}



.section2 {background:url(../images/bj2_2.png) center top no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;}

.box2_1{ overflow:hidden; text-align:center;  position:absolute;left:50%;top:50%;margin-left:-420px;margin-top:-280px; z-index:1;}
.box2_1 img{ }
.box2_2{ float:left;  position:absolute; z-index:1; height:25%;left:50%;top:50%;margin-left:-390px;margin-top:-20px;}
.box2bg{position:absolute;width:751px;height:609px;left:50%;top:50%;margin-left:-480px;margin-top:-300px;}
.box2_2 img{ max-width:100%; height:auto;}
.box2_3{ float:right; position:absolute; z-index:1; text-align:center;left:50%;top:50%;margin-left:90px;margin-top:-230px;}
.box2_3 img{}
.box2_4{ position:absolute; left:0px; bottom:0px; width:100%;}


.section3 {background:url(../images/bj3.jpg) center top no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;}

.box3_1{ text-align:center; overflow:hidden; position:absolute; left:0px; top:7%; width:100%;}
.box3_1 img{ width:35%; height:auto;}
.box3_2{ position:absolute; left:50%; top:9%; margin:0 0 0 -34%; width:15%;}
.box3_2 img{ max-width:100%; height:auto;}
.box3_3{ position:absolute; right:50%; top:13%; margin:0 -34% 0 0; width:15%;}
.box3_3 img{ max-width:100%; height:auto;}
.box3_4{ position:absolute; left:0px; bottom:2%; width:100%; text-align:center;}





.footer { height:88px !important; padding:20px 0 0 0; overflow:hidden; text-align:center; color:#000; font-size:14px;}
.footer a { color: #000; }


#fp-nav { position: fixed; z-index: 9; right: 40px; top: 50%; height: 74px; overflow: hidden; }
#fp-nav li { padding: 4px; text-align: center; overflow:hidden; }
#fp-nav li a { width: 8px; height: 8px; background-color: #fff; border-radius: 50%; display:block; margin:0 auto;}
#fp-nav li a.active { background-color: transparent; padding: 1px; border: 2px solid #fff; }
#fp-nav li:last-child { }

.fdkefu{ position:fixed; left:10px; top:50%; width:121px; z-index:999; margin-top:-160px; overflow:hidden;}
.fdkefu img{ float:left;}